
html,body{
    height: 100%;
    box-sizing: border-box;
}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
	body{color:#333; font-size:12px;font-family:"Microsoft YaHei"}
	ul,ol{list-style-type:none;}
	select,input,img,select{vertical-align:middle;}
	input{ font-size:12px;}
	a{ text-decoration:none; color:#000;}
	a:hover{color:#c00; text-decoration:none;}
	.clear{clear:both;}

	/* 大转盘样式 */
	.banner{display:block;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
	.banner .turnplate{display:block;position:relative;margin: 0 auto;}
	.banner .turnplate canvas.item{width:100%;}
	.banner .turnplate img.pointer{position:absolute;width:36%;height:43%;left:32%;top:28%;}
	.more{display: block;width: 100%;position: fixed;top: 0;left: 0;height: 150px;}
	.cloud{position: fixed;left: 0;top: 70%;width: 150px;}
	.cloud2{position: fixed;right: 0;top: 32%;width: 50px;}
	.cloud3{position: fixed;left: 0;top: 30%;width: 100px;}
	@media screen and (max-width: 320px) {
		.cloud{position: fixed;left: 0;top: 70%;width: 150px;}
		.cloud2{position: fixed;right: 0;top: 30%;width: 50px;}
		.cloud3{position: fixed;left: 0;top: 23%;width: 100px;}
	}
	@media screen and (min-width: 321px) and (max-width: 375px) {
		.cloud{position: fixed;left: 0;top: 72%;width: 150px;}
		.cloud2{position: fixed;right: 0;top: 32%;width: 50px;}
		.cloud3{position: fixed;left: 0;top: 25%;width: 100px;}
	}
	@media screen and (min-width: 376px) {
		.cloud{position: fixed;left: 0;top: 68%;width: 150px;}
		.cloud2{position: fixed;right: 0;top: 32%;width: 50px;}
		.cloud3{position: fixed;left: 0;top: 25%;width: 100px;}
	}
	@media screen and (max-height: 480px) {
		.cloud{position: fixed;left: 0;top: 81%;width: 150px;}
		.cloud2{position: fixed;right: 0;top: 35%;width: 50px;}
		.cloud3{position: fixed;left: 0;top: 27%;width: 100px;}
	}

	#mark{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;display: none;}
	.red-img{position: fixed;top: 10%;left: 5%;width: 90%;}


	.dialogBox{
		  position: fixed;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background: rgba(0, 0, 0, 0.7);
	}
	.dialogBox .boxContent{
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  border-radius: 0.106667rem;
		  transform: translate(-50%, -50%);
		  vertical-align: middle;
		  width: 3.2rem;
		  overflow: hidden;
		  height: 4rem;
		  background-image:url(../images/succ1.png);background-size:100% 100%;
	}
    .record .boxContent{
        background-image:url(../images/record.jpg);background-size:100% 100%;
        height: 3.6rem;
    }

	.dialogBox .box3{
		background-image:url(../images/succ3.png);
		background-size: 100% 100%;
        height: 3rem;
        width: 3rem;
	}
	.dialogBox .box2{
        background-color: rgba(255, 255, 255, 0.3);
        background-image: initial;
        height: 2.5rem;
        text-align: center;
        width: 3.2rem;
        border: 2px dashed rgba(112, 211, 222, 0.3);
        border-radius: 0.3rem;
	}
	.dialogBox .boxContent .closed{
        position: absolute;
	    right: 0rem;
	    top: 0rem;
	}
	.dialogBox .box3 .closed3{
        right: 0rem;
        top: 0rem;
	}
	.dialogBox .boxContent .closed img{
		width: .32rem;
	}
	.dialogBox .boxContent .contentInfo1{
        color: #fff;
        font-size: 0.2rem;
        font-weight: bold;
        margin-top: 2.35rem;
        text-align: center;
        width: 100%;
        height: 0.24rem;
        line-height: 0.24rem;
    }
    .record .boxContent .contentInfo1{
        margin-top: 2.35rem;
    }
	.dialogBox .boxContent .contentInfo2{
        color: #fa7471;
        font-size: 0.18rem;
        margin-top: 0.4rem;
        text-align: center;
        width: 100%;
	}
	.dialogBox .boxContent .contentInfo3{
        color: #fa7471;
	    font-size: 0.18rem;
	    margin-top: 2.2rem;
	    text-align: center;
	    width: 100%;
	    line-height: .22rem;
	}

	.dialogBox .boxContent .contentInfo3 label{
		display: block;
	    font-size: 0.18rem;
	    margin-top: 0.05rem;
	    width: 100%;
	}
	.dialogBox .boxContent .succBut1{
		background-image: url(../images/succBut1.png);
        background-size: 100% 100%;
        display: block;
        height: 0.5rem;
        margin: 0.1rem auto 0;
        width: 1.5rem;
        cursor: pointer;
	}

	.dialogBox .boxContent .fromBox{
        margin-top: 0.3rem;
	}
	.dialogBox .boxContent .fromBox .inputBox{
        position: relative;
        margin: 0.2rem auto 0;
        width: 90%;
        display: flex;
	}
	.dialogBox .boxContent .fromBox .inputBox label{
        color: #fff;
        font-size: 0.14rem;
        width: 0.8rem;
	}
	.dialogBox .boxContent .fromBox .inputBox input{
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #fff;
        color: #fff;
        width: 2rem;
        padding-left: 0.1rem;
        /* padding-right: 0.3rem; */
        font-size: 0.18rem;
        height: 0.2rem;
        outline: none;
    }
    .dialogBox .boxContent .fromBox .inputBox span{
        position: absolute;
        bottom:-20px;
        right:0;
        font-size: 0.14rem;
        color:red;
    }
	.dialogBox .boxContent .fronImg{
         margin: 0rem auto 0;
         width: 12rem;
	}
	.dialogBox .boxContent .succBut2{
		background-image: url(../images/succBut2.png);
        background-size: 100% 100%;
        cursor: pointer;
        display: block;
        height: 0.5rem;
        margin: 0.2rem auto 0;
        width: 1.3rem;
	}
    footer{
        position: absolute;
        width: 100%;
        bottom: 10px;
        text-align: center;
        color: #fff;
        font-size: 12px;
    }
    /* .company-logo{
      width: 1.5rem;
      height: 0.5rem;
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .company-logo img{
      width: 100%;

    } */